﻿/* 设置菜单 */
.setting-menu {margin-top: 10px; width: 100%;}
.setting-menu li {float: none; line-height: 30px; margin-bottom: 10px;}
.setting-menu li.current {line-height: 30px; color: #000; background-color: #d7d7d7; border-left: 5px solid #f57149;}
.setting-menu li.current a {color: #f57149;}
.setting-menu li a {display: block; width: 190px; margin: 0px auto;}
/*.setting-menu li:hover {border-left:2px solid #bbff6633; background-color:#CCCCCC; color: #bbff6633}*/

/* 模板列表 */
.template-letter {line-height:35px; margin-top: 10px; color: #73AADB; font-size: 14px; word-spacing: 10px;}
.template-list {text-align: left;}
.template-list ul {width: 100%}
.template-list ul li {width: 255px; height: 171px; line-height:2em; padding:5px 0 5px 20px; background-color: #FFFFFF; border: 1px solid #E4E4E4; border-radius: 2px; margin:20px 20px 0 0; cursor: pointer;}
.template-list ul li:hover {border: 1px solid #f00;}
.template-list ul li.add-template {padding:55px 0 40px 20px; font-size: 14px; }
.template-list ul li.add-template a {display: block; padding-right: 20px; height: 35px; font-size: 14px;text-align: center;vertical-align: middle}
.template-list ul li.add-template a:hover {color: #ff6633}
.template-list  ul li .title {padding:10px 10px 10px 0; font-size:14px; font-weight:bold; border-bottom: 1px solid #E4E4E4}
.template-list  ul li div {margin: 0 10px 10px 0;}
.template-list  ul li .under-line {margin-bottom:2px; padding-bottom: 2px; border-bottom: 1px solid #E4E4E4}
.template-list  ul li dl {margin: 10px 0;border-bottom: 1px solid #e4e4e4;padding-bottom: 10px;}
.template-list  ul li dl dt {width:50px;float: left;line-height: 1.5em}
.template-list  ul li dl dd {width:170px;float: right;line-height: 2em}
.template-list .name {font-weight: bold;font-size: 16px;}
.template-page .table-footer {border-top: none}
.btn-not-add {padding: 0 10px; line-height:20px;vertical-align: middle; border: 1px solid #6CBD7D; border-radius: 10px;margin-right: 0; float: right}
.btn-added {padding: 0 10px; line-height:20px;vertical-align: middle; border: 1px solid #6CBD7D; border-radius: 10px; margin-right: 0;float: right; color: #ffffff; background-color: #6CBD7D;}
.btn-orange {display:inline-block;background-color: #FF6633; color: #ffffff ;padding: 0 10px; border: 1px solid #FF6633; border-radius: 2px;}
.add-sub-task {cursor: pointer}

.task-list {width: 100%; margin: 20px 0; border-top: 1px solid #E4E4E4}
.task-page .table-footer {border-top: none!important;}
.task-step {font-size:14px;margin-bottom: 10px;}
.task-list-left {
    width:180px;
    /*border: 1px solid #ff5f20   */
}
.task-list-right {
    width: 590px;
/*    border: 1px solid #ff5f20 */
}
.task-stage {margin-top: 30px; width: 180px;}

.task-stage li{width: 100%; position:relative;margin: 0 10px;padding-left: 20px; height: 60px;vertical-align: middle;line-height: 40px;border-left: 3px solid #797979}
.task-stage li:before{ content:"";width:14px; height:14px; background:#fff; border:3px solid #ccc; border-radius:50%; position:absolute; left:-8px;}
.task-stage li:last-child {border-left: 2px solid #FFFFFF}
.task-stage li.selected>a{background-color: #66CC99}
.task-stage li.selected:before{background-color: #66CC99}
.task-stage li>a {display: inline-block;position:relative; top:-13px; width:70%; padding-left:10px; line-height: 40px;font-size:14px; background-color: #f1f1f1;border-radius: 4px;}
.task-stage li>a:before {content:" ";position:absolute;top:14px;left:-8px;border-top:8px solid rgba(0,0,0,0);border-bottom:8px solid rgba(0,0,0,0);border-right:8px solid #f1f1f1;}
.task-stage li>span {display: inline-block;margin-left: 5px; position:relative; top:-10px;}
.task-stage li.selected>a:before {content:" ";position:absolute;top:14px;left:-8px;border-top:8px solid rgba(0,0,0,0);border-bottom:8px solid rgba(0,0,0,0);border-right:8px solid #66CC99;}
.task-stage li .icon-move {position: absolute; display: none;left: -10px;background: url(../images/icon_panel_move.png) no-repeat; cursor: move;width:16px;height:16px;}
.task-stage li:hover .icon-move {display: inline-block}

.template-task-list {line-height: 40px;min-height: 360px; overflow-y: auto;}

.parent-task {border-bottom: 1px solid #CCCCCC}
.parent-task td:first-child {font-weight: 700;}
.sub-task {border-bottom: 1px dashed #CCCCCC}
.sub-task td:first-child {padding-left: 20px;}
.task-add tr {border: 1px solid #6CBD7D; line-height: 40px;}
.projects-nav {float: right; margin-top: 6px;}
.projects-nav a {padding: 5px 10px;margin: 0 10px;font-size: 14px;line-height: 30px;}
.projects-nav a.current-nav {border-bottom: 2px solid #ff6633}
.proect-list-wrap-box { background-color:#fff;  padding-left:20px;}
.project-task-list .task_ser {background-color: #FFFFFF;width: auto}
.project-task-list .task-list  {line-height: 40px;min-height: 360px; }
.project-task-list {margin-right: 58px;padding-right:10px; border-right: 2px solid #e4e4e4}
.project-task-list tr:hover .icon-remove2 {display: inline-block}
.project-task-list tr:hover .add-sub-task {color: #ff6633}
.project-member-list {float:right; width: 58px;}
.project-member-list li {width: 100%;height: 60px; padding:5px; line-height:1.5em;border-bottom: 1px solid #e4e4e4;}
.project-member-list li>p:last-child {overflow: hidden;height: 20px}
.project-add-member {display:inline-block;margin-top:11px; width: 30px;height:30px;line-height: 20px; border: 2px solid #e4e4e4; border-radius: 3px; font-size: 26px;font-weight: 700;color:#999;text-align: center}
.task-tag {border: 1px solid #e4e4e4; border-radius: 10px;padding: 2px 3px;margin-right: 10px;padding: 0px 8px;}
.task-detail {}
.task-detail .title {font-size: 14px;font-weight: bold;color: #666666}
.task-doc_list {line-height: 30px;width:100%}
.task-doc_list li {width: 100%}
.task-doc_list li .doc-type {display: inline-block; width: 100px;}
.task-doc_list li .doc-name {display: inline-block; width: 400px;}
.task-doc_list li .doc-operate {float: right}
.task-member-list li{line-height: 40px;height: 40px;}
.task-member-list li .avatar {width: 45px;height:40px;padding: 5px 10px 5px 5px;float: left}
.task-member-list .name {width: 135px;float: left}

.project-main {}
.project-main .title {height: 40px;}
.project-main .account-data {width:100%}
.project-main .account-data li {width:100%;margin-top: 10px;}
.project-main .left-part {margin-right: 390px;}
.project-main .right-part {width: 370px;float: right}
.project-main .data-panel{ background-color:#fff; overflow:auto;/*border-top:5px solid #E7EAEC*/}
.project-main .project-team{width: 100%}
.project-main .project-team li {text-align: center;margin: 0px 16px 10px 0;}
/*.project-main .panel-height{ height: 480px;}*/
.project-main .task-stat {width:100%}
.project-main .task-stat li {width:80px;font-size: 18px;line-height: 40px}
.project-main .task-status {width:100%}
.project-main .task-status li {width:80px;font-size: 14px;line-height: 30px;}


/* 任务沟通记录 */
.task-activity .goutong {width: 100%}
.task-activity .goutong_text {width: 100%}
.task-activity .goutong_pic {width: 30px; height: 30px;}
.task-activity .goutong_list,.task-activity .goutong_list2  {width: 478px; margin-left: 10px;}
.task-activity .goutong_list_bgs {width: 100%}
.task-activity .gou_te {width: 478px; font-size: 12px;}
.task-activity .we_text {font-size: 12px;}
.task-activity .col000 {font-size: 12px;}
.task-activity .goutong_list2 span {font-size: 12px;}
.task-activity .goutong_list2_text {font-size: 12px;}


a{ text-decoration: none;}
.ml-10{ margin-left:10px;}
.ml30{ margin-left:30px;}
.w125{ width:125px;}
.w225{ width:225px;}
.w280{ width:280px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w500{ width:500px;}
.w520{ width:520px;}
.w810{ width:810px;}
.w900{ width:900px}
.w1000{ width:1000px;}
.fl-l{ float:left;}
.mh610{ min-height:610px;}
.w470{ width:470px;}
.ml270{ margin-left:270px;}
.ml400{ margin-left: 400px}
.mb50{ margin-bottom:50px;}
.mb25{ margin-bottom:25px;}
.pr5{ padding-right:5px;}
.pt5{ padding-top:5px;}
.pt{ padding-top:20px;}
.pb{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.wrapboxleft span{ display:block;}
.f9f9fb{ background-color:#f9f9fb;}
.bcf2f2f2{ background-color:#f2f2f2;}
.inbox-one{	float:left;	line-height: 35px;  width: 250px;}
.inbox-ones{	float:left;	}
.fw-b{ font-weight:bold;}

.inbox-nav {}
.inbox-nav span{display: inline-block; padding: 5px 5px 0px 0px;font-size:14px;border-bottom: 2px solid #ff6633;}
.bb-ff6633{ border-bottom: 2px solid #ff6633;}
.fc6{ color:#666666}
.c3e3e3e{ color:#3e3e3e;}
.c6633 { color:#ff6633;}
.c000 { color:#000;}
.boedert{ border-top: 1px solid #e5e5e5;}

/*输入框*/
.set-input{ width:210px;height:30px;border: 1px solid #ccc;background-color: #fff; border-radius: 2px;}

.inbox-list{ float:left;text-indent: 0.5em; margin: 10px 0;width: 210px;background-color: rgb(242, 242, 242);border: 1px solid rgb(204, 204, 204);display: block; height: 30px; line-height: 30px; padding: 0px 0px 0px 2px; border-radius: 2px;}
.inbox-input{ margin: 10px 0; border-radius: 2px;height: 35px;line-height:35px;}
/*输入框*/

/*删除按钮*/
.btn1{ float:left; margin-top:15px;background-image:url(../images/project/btn1.png);width:28px;height: 24px;border: none;cursor: pointer;
}
.btn-delect{ background-image:url(../images/project/group-delect.png); width:23px; height:23px; float:right;}

/*.inbox-list span{ float:left;padding: 6px 0 6px 6px;width: 211px;background-color: rgb(242, 242, 242);border: 1px solid rgb(204, 204, 204);display: block;}*/
.leftsider{ margin: 10px 0 10px 0;padding: 5px 25px 0 25px;border-left: 4px solid #fff;}

/*选中样式*/
/*.current{ line-height: 30px; color: #000; background-color: #D7D7D7; border-left: 5px solid #F57149;}*/

/*任务列表*/
.wraprole{ margin-top: 15px;}
.wraprole-in{ margin: 25px 0 10px 0;}
.wraprole-in .inpu-role{ width: 225px;height: 35px;}
.wraprole-in .inpu-value{ width: 125px;height: 35px;}
.wraprole-list{ margin: 0 0 10px 0px; line-height:35px}
.wraprole-list span{border: 1px solid #ccc;background: #f2f2f2 none repeat scroll 0 0; display: inline-block;text-indent: 0.5em}
.menu-list .menu-template{ background-color: rgb(242, 242, 242);color: rgb(62, 62, 62);font-weight: bold;padding: 6px 20px}
.wraptemplate{ float:left;border:1px solid #ccc; width: 200px;margin-top: 10px;margin-right: 30px}
.templatelist{ float:left;padding: 0 10px; width: 100%}
.choose-div{ border: 1px solid #F63;overflow: hidden;}
.template-content li{ width: 100%;margin-left: 15px;line-height: 25px; list-style: disc}
.templatelist-tit{ padding: 8px 0;border-bottom: 1px solid #ccc;}
.templatelist span{ padding: 6px 0 8px 0; display:block;}
.template-content{ min-height:125px;overflow-x:hidden;overflow-y:auto;height:120px;}
.menu-list .current-menu-template {display: inline-block;color:#fff; background-color:#6cbd7d;font-weight: bold;padding: 6px 20px;}
.menu-tip p { width: 800px;display: inline-block;}
.menu-tip span{display: inline-block; padding: 5px 10px;border:1px solid #ccc;}
.current-template{ color:#ff6633;background-color:#ccc;}
/*任务列表*/

/*确定框*/
.phase-head{ margin: 20px 0 0 30px;padding: 15px 20px;border: 1px solid #f2f2f2;font-size: 17px;}
.phase-box{ margin: 0 0 0 0;padding-left: 40px;float: left;}
.creat{ float: left;margin: 30px 0 30px 215px;}
.creat span{ float:left;padding: 5px 25px;border: 1px solid #ccc;font-weight: bold;}
.creat-current{ color:#fff; background-color:#6cbd7d;font-weight: bold;}
.btn2{ float:left; margin-top:15px;margin-left:5px;background-image:url(../images/project/btn2.png);width:22px;height: 24px;border: none;cursor: pointer;}
/*确定框*/


.menber-box{ width:780px;}
.member-in{ }
.member-in span{ display: block;padding: 12px 0;color: #3E3E3E;font-weight: bold;}
.member-input{ width:750px; height:30px;padding: 5px 5px;}
.tb-member{  width:100%;}
.tb-member td { margin: 0; padding: 0; border-bottom:1px solid #ccc;}
.tb-member th { padding:5px 0 5px 0; border-bottom:1px solid #ccc;}
/*.checkbox { border: 1px solid rgb(204, 204, 204);background-color: #fff; height:100%;width:100%;} */
 select {  width:100px;}
.member-delect{ background-image:url(../images/project/menber-delect.png); width:22px; height:22px;cursor: pointer;}

/*确定框*/
.score100{ overflow-x: hidden;overflow-y:auto; height:100px;}
.creat-menber{ ;margin: 30px 0 30px 215px;}
.creat-menber span{ float:left;padding: 5px 25px;border: 1px solid #ccc;font-weight: bold;}

.creat-menbers{ margin-right: 144px;display: block; }
.creat-menbers span{padding: 5px 25px;border: 1px solid #ccc;font-weight: bold;}
/*确定框*/

.of300{ overflow-x:auto;overflow-y:auto;}
.dashboard-tb{ margin:20px 0; overflow-x:hidden;overflow-y:auto;line-height: 34px;height: 34px;width: 100%;}
.dashboard-tb tr:hover{ background-color:#D9D9D9}
.dashboard-tb td{border-bottom: 1px solid #ddd;}
.dashboard-tb .c009DC8  { color:#009DC8;}
.choose-day{ padding:20px 0;}
.choose-day span{ padding: 4px 8px;color:#000;}
.choose-day-current{ background-color: #EDEDED;}
.imgleft{ background-image:url(../images/project/imgleft.png); width:280px; height:240px; background-repeat:no-repeat;}
.imgright{ background-image:url(../images/project/imgright.png); width:140px; height:240px; background-repeat:no-repeat;}
.hour-work{ width:280px;}
.type-work{ margin-left:280px;}

.newcontract-tu{ background-image:url(../images/project/newcontract.png);  height:300px; background-repeat:no-repeat;}
.yearcontract-tu{ background-image:url(../images/project/yearcontract.png);  height:300px; background-repeat:no-repeat;}
.monthbackmoney-tu{ background-image:url(../images/project/monthbackmoney.png);  height:300px; background-repeat:no-repeat;}

.panel-choose-header{ float:left; border-bottom:1px solid #e5e5e5;width: 100%;}
.panel-modal-titles{ float:left;padding: 15px 10px; font-size:18px;}
.panel-modal-choose{ float: left;padding: 20px;font-size: 13px;border-top:1px solid #f2f2f2;}
.panel-choose-header .choose-current{ border-top:1px solid #FF6600; color:#FF6600;background-color: #f2f2f2;}

.income-title-title span{ margin-left:20px;}
.income-titles{ color: #5f9ff0;font-weight: bold;font-size: 14px;padding-top: 5px;}

 /*表格下边框*/
.cost-list-in td{ border-bottom:1px solid #E5E5E5}

 /*员工工时与任务统计*/
.wordleft{ float:left; width:50%; padding:20px 10px; }
.teskright{ float:left; width:50%;padding:20px 10px;}
.wordleft span{ border-bottom: 2px solid #ed7d31;font-weight: bold;padding-right: 5px;}
.teskright span{ border-bottom: 2px solid #ed7d31;font-weight: bold;padding-right: 5px;}
.wordleft-tu{ background-image:url(../images/project/workleft.png);height:300px; background-repeat:no-repeat;}
.teskright-tu{ background-image:url(../images/project/teskright.png);height:300px; background-repeat:no-repeat;}

.work-tb span{ border:1px solid #f2f2f2; padding: 2px 5px;}
.work-tb-current{ color:#ed7d31; background-color:#f2f2f2;}
.work-tb-in{ width:100%;padding:10px 10px;}
.work-tb-in>div{ display:none;}
.work-tb-in>div.current-block{ display:block;}
 /*员工工时与任务统计*/
 .cost-start-tu{ background-image:url(../images/project/cost-start-tu.png);height:300px; background-repeat:no-repeat;}